﻿@model IEnumerable<VisaApp.Models.NewsModel>
@{ VisaApp.Helper.StringHelpers nameurl = new VisaApp.Helper.StringHelpers();}


<link rel='stylesheet' id='style-css'  href='/Content/diapo/diapo.css' type='text/css' media='all'> 
<!--[if !IE]><!--><script type='text/javascript' src='/Content/diapo/scripts/jquery.mobile-1.0rc2.customized.min.js'></script><!--<![endif]-->
<script type='text/javascript' src='/Content/diapo/scripts/jquery.easing.1.3.js'></script> 
<script type='text/javascript' src='/Content/diapo/scripts/jquery.hoverIntent.minified.js'></script> 
<script type='text/javascript' src='/Content/diapo/scripts/diapo.js'></script> 
<script>
    $(function () {
        $('.pix_diapo').diapo();
    });

</script>

<style>
section {
	display: block;
	overflow: hidden;
	position: relative;
}
</style>

<section> 
    	<div style="overflow:hidden; width:410px; padding-top:3px; margin-left:10px;"> 
             <div class="pix_diapo">
                    @if (Model.Count() > 0)
                    {
                        foreach (var item in Model)
                        {
        
                            <div data-thumb="@item.Images">
                                <img src="@item.Images" width="400px" height="260px"> 
                                <div class="caption elemHover fromRight" style="bottom:65px; padding-bottom:5px; color:#ff0; text-transform:uppercase">
                                    <a href="/tin-tuc/@nameurl.RemoveSign4VietnameseString(item.Name)/@item.Id">@item.Name</a>
                                </div>
                                <div class="caption elemHover fromLeft" style="padding-top:5px;">
                                    @Html.Raw(nameurl.Cutstr(item.Description, 110))
                                </div>
                            </div>
                           
                        }
                    }
                    
               </div><!-- #pix_diapo -->
        </div>
    </section>
